﻿<header class="header">
    <div class="left">
        <a href="javascript:history.back();"><i class="fa fa-angle-left"></i></a>
    </div>
    <div class="tit">
        <h2>商品详情</h2>
    </div>
    <div class="right"></div>
</header>
<div class="swiper_box">
    <div class="swiper-container swiper3">
        <div class="swiper-wrapper">
            <div class="swiper-slide" ng-repeat="image in Images"><img ng-src="{{image.popup}}" /></div>
        </div>

        <div class="swiper-pagination"></div>
    </div>
</div>
<div class="shoplist padding_top">
    <p class="product_t">{{Product.name}}</p>
    <p class="product_p">{{Product.points}}分</p>
    <div class="product_att">
        <h4>兑换规则</h4>
        <div class="att_box" ng-bind-html="UserDefine4.description"></div>
    </div>
    <div class="product_att">
        <h4>商品详情</h4>
        <div class="product_details" ng-bind-html="Product.description"></div>
    </div>

</div>

<div class="gobuy_box">
	<a class="buy_btn"  ng-show="Product.quantity>0"  href="#/settlement/{{Product.product_id}}">立即兑换</a>
	<a class="no_stock" ng-show="Product.quantity<=0" >暂无库存</a>
	<a class="cj_btn"  ng-click="Startlottery=true;" ng-show="Product.ean && Product.jan">试试手气</a>
</div>

<!--消耗积分抽奖提示-->
<div class="ui_mask" ng-show="Startlottery">
    <div class="ui_pop">
        <div class="mask_header">
            <span>提示信息</span>
            <div class="close" ng-click="Startlottery=false;">
                <i class="ui-icon-close-page"></i>
            </div>
        </div>
        <!--内容-->
        <div class="mask_content">
           <p class="tip_p">本次抽奖将消耗{{Product.ean||0}}积分</p>
           <a class="tip_a" ng-click="Lottery(Product)">确定</a>
        </div>
    </div>
</div>

<!--正在抽奖提示-->
<div class="ui_mask " ng-show="tipresult">
    <div class="ui_pop mask_margin"> 
        <!--内容-->
        <div class="mask_content">
        	   <div class="tip_img"><img src="img/gift.png"  /></div>
           <p class="tip_p">正在抽奖<span class="dotting"></span></p>
        </div>
    </div>
</div>

<!--抽奖结果-->
<div class="ui_mask " ng-show="successshow">
    <div class="ui_pop mask1_margin"> 
        <!--内容成功-->
        <div class="mask_content">
        	<div class="tip_img"><img src="img/success_icon.png"  /></div>
            <p class="tip_p">恭喜抽奖成功!</p>
            <a class="tip_a" ng-href="#/receivelottery/{{Product.product_id}}">填写收货地址</a>
        </div>
    </div>
</div>


<div class="ui_mask" ng-show="failshow">
    <div class="ui_pop mask1_margin">
        <!--内容失败-->
        <div class="mask_content">
             <div class="tip_img"><img src="img/cry_icon.png"  /></div>
            <p class="tip_p">没有抽中任何奖品，再接再厉！</p>
            <a class="tip_a" ng-click="Retry(Product)">再试一次</a>
        </div>
    </div>
</div>